import React, { Component } from 'react'
import Mytab from '../root/Mytab'
import pxPage from '../../root/pxPage'
import { getMsg } from '../../redux/actionCreator'
import { withRouter } from 'react-router-dom'
import { connect } from 'react-redux'
import './comment.css'
import { ListView } from 'antd-mobile';
import Gridbus_comm from './Gridbus_comm'
import { HashRouter as Router, Route, Switch } from 'react-router-dom'
import Touxiang from './Touxiang'
import Commdateil from './Commdateil'

const commtext = {
    position: 'absolute',
    top: pxPage(90),
    left: pxPage(44),
    fontSize: pxPage(28),
}

const touxianggexing = {
    width: '100%',
    height: pxPage(140),
    borderBottom: '1.5px solid #fff'
}

const tuxianghello = {
    // width: pxPage(160),
    height: pxPage(20),
    position: 'absolute',
    top: pxPage(33),
    left: pxPage(86)
}

const touxiangimg = {
    width: pxPage(45),
    height: pxPage(45),
    position: 'absolute',
    top: pxPage(30),
    left: pxPage(0),
    borderRadius: '50%',
    border: '1px solid #fff'
}
class Comment extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div className='comm' style={{ width: '99.5%', color: 'black', backgroundColor: 'black' }}>
                {/* <Touxiang /> */}
            
                
                    <Router>
                        <Switch>
                            <Route exact path='/comment/' component={Gridbus_comm} />
                            <Route path='/comment/dateil' component={Commdateil} />
                        </Switch>
                    </Router>
                
            
                <div style={{height:`${pxPage(50)}px`}}></div>
                <Mytab />
            </div>
        )
    }
}
const mapStateToProps = (state) => ({
    login: state.login
})

export default withRouter(connect(mapStateToProps)(Comment))
// export default Comment